﻿
    /*课程内容*/

    .Qin_micro_lesson { background: #FFF; }
.Qin_exam_title { height: 40px; margin-bottom: 15px; border-bottom: #E8E8E8 1px solid; padding: 0px 10px 0px 0px; }

.Qin_exam_title .cell{ width: 10%; height: 40px; float: left; padding: 0px 5px; display: inline-block; }

.Qin_exam_title span {background-image: url(./img/icon-editor.png);background-repeat: no-repeat; display: inline-block; vertical-align: top; width: 24px; height: 40px; line-height:40px; *display: inline; *zoom: 1; }

.Qin_exam_title .other span{ background-position: 0 8px!important; }
.Qin_exam_title .video span { background-position: -256px 8px!important; }
.Qin_exam_title .text span { background-position: -32px 8px!important; }
.Qin_exam_title .simulation span { background-position: -64px 8px!important; }
.Qin_exam_title .scorm span{ background-position: -96px 8px!important; }
.Qin_exam_title .richtext span { background-position: -128px 8px!important; }
.Qin_exam_title .rar span{ background-position: -160px 8px!important; }
.Qin_exam_title .question span{ background-position: -192px 8px!important; }
.Qin_exam_title .ppt span{ background-position: -224px 8px!important; }
.Qin_exam_title .image span{ background-position: -288px 8px!important; }
.Qin_exam_title .flash span{ background-position: -320px 8px!important; }
.Qin_exam_title .discuss span{ background-position: -352px 8px!important; }
.Qin_exam_title .courseware span{ background-position: -384px 8px!important; }
.Qin_exam_title .audio span{ background-position: -416px 8px!important; }

.Qin_exam .Qin_exam_title a { text-align: center;}
.Qin_exam .Qin_exam_title a:hover { background: #DDD; }
.Qin_exam_title a.seled { background: #46AFBC; }
.Qin_exam .Qin_exam_title a:hover span, .Qin_exam .Qin_exam_title a.seled span { background-repeat: no-repeat; }
/*.Qin_exam .Qin_exam_title a span, .Qin_exam_title a span { margin: 0px auto; background-position: -5px 5px; background-repeat: no-repeat; width: 20px; height: 40px; display: block; }*/
.video_text_con .Qin_exam_video_box { text-align: center; }

.Qin_exam .video_text_con { margin-bottom: 20px; }
.Qin_exam .video_text_con .Qin_exam_video_title { font-size: 16px; font-weight: bold; margin: 10px 0px; text-align: left; padding-left: 24px; }
.Qin_exam .video_text_con .title_write_task { padding: 0px 20px 10px; width: 950px; margin: 0 auto; }
.Qin_exam .video_text_con .title_write_task .title_write_task_h2 { font-size: 15px; font-weight: bold; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p { padding: 10px; border-bottom: 1px solid #EFEFEF; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p .title_write_task_ul { line-height: 30px; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p .title_write_task_ul li { position: relative; left: 25px; width: 90%; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p .title_write_task_ul li:hover { background: #EEEEEE; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p .title_write_task_ul li input { position: absolute; top: 6px; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p .title_write_task_ul li label { padding-left: 25px; font-size: 13px; }
.Qin_exam .video_text_con .title_write_task .title_write_task_p .title_write_task_ul li textarea.inputtext { margin: 10px 0px 0px 10px; line-height: 22px; font-size: 14px; overflow: auto; width: 62%; height: 22px; }

.Qin_exam .video_text_con .ul_textarea li:hover { background: none !important; }

.Qin_exam .title_write_task .textarea:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.Qin_exam .title_write_task .textarea { -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }

.Qin_exam .title_write_task .textarea { font-family: "Microsoft Yahei", Airal; outline: none; padding: 6px 12px; margin-left: 10px; color: #555; width: 60%; border: 1px solid #CCC; border-radius: 2px; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); }
.Qin_exam .title_write_discuss .title_write_task .textarea { width: 95%; }
.Qin_exam .title_write_task .ul_textarea label { height: 300px; vertical-align: top; }
.Qin_exam .title_write_task .ul_textarea li { padding: 10px 0px 10px; }
.video_text_con_send-btn .send-btn { background: url(img/btn.png) no-repeat; width: 80px; height: 32px; display: block; color: #FFF; text-align: center; line-height: 32px; font-size: 14px; margin-left: 85px; }
.course-center {
    margin: 0px 40px;
    height: 40px;
    overflow: hidden;
}

.Qin_exam_title a {
    width: 188px !important;
    padding: 0px !important;
}

a, a.f-fcgreen {
    color: #009999;
}

a {
    color: #666;
    text-decoration: none;
}


.Qin_exam_title span {
    background-image: url('/study/css/img/icon-editor.png');
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: top;
    width: 24px;
    height: 40px;
    line-height: 40px;
}
.Qin_exam_title .left {
    cursor: pointer;
    /*background: url('/study/css/img/course_arrow_left.png') no-repeat center center;*/
}
.course-arrow {
    float: left;
    width: 40px;
    height: 40px;
    border-right: 1px solid #DDD;
}

.Qin_exam_title .right {
    cursor: pointer;
    float: right;
    border-left: 1px solid #DDD;
    border-right: 0;
   /* background: url('/study/css/img/course_arrow_right.png') no-repeat center center;*/

    width: 40px;
    height: 40px;
}

div{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
input, div, textarea {
    outline: 0;
    outline: none;
}

div {
    display: block;
}

.btn {
    display: inline-block;
    zoom: 1;
    font-size: 14px;
    line-height: 28px;
    color: #FFF;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    min-width: 80px;
    font-family: "Arial","Hiragino Sans GB","Microsoft YaHei", \5fae\8f6f\96c5\9ed1, "Helvetica", "sans-serif";
    border: 1px solid #009999;
    border-radius: 4px;
    background-color: #009999;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
/**试题弹框背景*/
.ui-dialog {
   background-color: rgb(255, 255, 255);
   position:absolute;
   top: 350px!important;
   left: 533px!important;
}

.ui-dialog-titlebar-close {
    float: right;
    background: url('/study/css/img/main.png') no-repeat -9999px -9999px;
}
/**视频弹窗口的关闭按钮*/
.ui-dialog .ui-dialog-titlebar-close {
    display: none!important;
}
/**icon_test*/
.preview_item {position:relative; margin-bottom:10px;}
.preview_item .preview_num { position:absolute; left:0px; top:0px; width:40px; text-align:center}
.preview_item .preview_num h2 {font-size: 20px;color: #3a87ad;font-family:"microsoft yahei",simsun,sans-serif}
.preview_item .preview_num b {font-size: 12px;color: #aaa;border: 1px solid #ccc;padding: 0px 1px;border-radius: 3px;background: #f6f6f6;display: inline-block; font-weight:normal}
.preview_item .preview_cm { margin-left:50px;font-size:14px;}
.preview_stem{padding:3px 0 8px 0;border-bottom: 1px dashed #ddd;margin:5px 0 10px 0;overflow: hidden;zoom: 1;word-break: break-all; }

.preview_choices {padding-bottom: 10px;word-break: break-all;}
.preview_choices li {overflow:hidden; margin:10px 0;}
.preview_choices li .preview_cont { float:left; display:inline; margin-right:10px; }
.preview_choices li .preview_cont .dy_input { margin-top:5px;}
.preview_choices li .preview_cont .dy_input:focus {border:none;-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1), 0 0 0px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1), 0 0 0px rgba(82, 168, 236, 0.6);box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.1), 0 0 0px rgba(82, 168, 236, 0.6);}
.preview_choices li .preview_cont.gray { margin-right:5px; border:none}

.preview_stem .fillbox,.fill_blank {padding:0 15px;border:none;border-bottom: 1px solid #999;color: #AAA;background: #FFF;-webkit-box-shadow: none;
-moz-box-shadow: none;box-shadow: none;}
.fill_inputs { margin:20px 0 0 0}
.fill_inputs input { width:98%; margin-bottom:10px; font-size:14px;}

.fill_inputs textarea { width:98%; height:80px; font-size:14px}

.neste .preview_cm { margin-left:70px;}
.neste .preview_cm .preview_choices input{ width:auto}
.neste .preview_num h2 {font-size: 14px;color: #666;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;margin:3px 0 0 48px;}
.neste .preview_num b {position: absolute;left: 0px;top: 3px;}

.preview_body { margin:10px auto 0 auto; width:1000px;}
.preview_top {background: #fff;border: 1px solid #ddd;-webkit-box-shadow: 0 1px 1px #e7e7e7;box-shadow: 0 1px 1px #e7e7e7; }
.preview_titlebar {position:relative; margin:0 10px 20px 10px;}
.preview_titlebar h2 {font-size: 24px;font-weight:500;color: #444; margin:10px 0;font-family:"microsoft yahei",simsun,sans-serif}
.preview_titlebar  span { position:absolute; right:0px; top:9px;background:#f0ad4e;padding: 5px 25px;border-radius: 3px;color: #fff;text-align: center;white-space: nowrap; display:block}
.preview_description {font-size: 14px; line-height:25px; margin:0 10px;}
.preview_description h4 {color: #444;}
.preview_description p {color: #666;margin-bottom: 20px;}
.preview_navbar { position:relative}
.preview_navbar ul{ height:100%; overflow:hidden}
.preview_navbar ul li { float:left; display:inline; margin-right:5px;}
.preview_navbar ul li a { display:block; font-size:14px;padding:10px 15px;}
.preview_navbar ul li.select a,.preview_navbar ul li.select:hover a{ background:#52b2dc; color:#fff;}
.preview_navbar ul li:hover a {background-color: #eee; color:#52b2dc} 
.preview_main {margin:10px 0 0 0;}
.preview_left { width:75%; float:left;}
.panel_item { margin-bottom:10px;background: #fff;border: 1px solid #ddd;-webkit-box-shadow: 0 1px 1px #e7e7e7;box-shadow: 0 1px 1px #e7e7e7;}
.panel_item  .panel_title h2 {color: #333; font-size:16px;}
.preview_right{width: 25%; float:right;}
.preview_card { margin-left:15px;background: #fff;border: 1px solid #ddd;-webkit-box-shadow: 0 1px 1px #e7e7e7;box-shadow: 0 1px 1px #e7e7e7;}
.panel_title { height:45px; line-height:45px;border-bottom: 1px solid #ddd; position:relative; background:#f5f5f5 }
.panel_title h2 {font-weight:500;color: #3a87ad;font-size: 20px;padding-left:10px;}
.panel_title h2 b { font-weight:normal; font-size:12px; color:#aaa}
.panel_title span { position:absolute; right:0; top:9px; font-size:12px;}
.panel_title span a.ton {padding: 0px 6px; height:25px; line-height:25px;}
.panel_box { margin:10px 0; padding:0 0 0 10px; max-height:350px; _height:350px; overflow-y:auto}
.panel_box a {font-size: 12px;width: 24px;height: 24px;line-height: 24px; text-align:center;display: inline-block;margin: 0 5px 5px 0;color: #333;background: #fff;border:1px solid #ccc;border-radius: 4px;}
.panel_box a:hover,.panel_box a.select {color: #333;background-color: #ebebeb;border-color: #adadad;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.panel_footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;}
.panel_footer a.ton { display:block; text-align:center}

.preview_answer {border-top:1px dashed #ddd;padding:10px 0 0 0}
.preview_analysis {border:1px solid #E9E9E9;background:#f1f1f1;margin: 10px 0 0 0;padding: 10px;}
.preview_answertitle {margin:0 0 10px 0}
.preview_analysistext {line-height:30px;}

.affix {z-index: 1030;position: fixed;margin-left: -2px;top: 0px; width:1000px;background: #fff; border: 1px solid #ddd;box-shadow: 0 3px 3px rgba(0,0,0,.1); display:}
.affix-top {position: fixed;top: 60px;width: 235px;}

.test_information {padding:0 0 10px 0}
.test_gtable th {background-color: #f3f3f3;background-image:none;}
.test_foot {background: #f9f9f9;margin: 10px 0 20px 0;padding:5px 10px;border: 1px solid #dddddd; height:38px; line-height:38px;}
.result_fs { background:url(img/result-fs.jpg) no-repeat right top; text-align:right; padding-right:44px;width: 107px;height: 38px;display: inline; float:right;color: #d50d0d;font-family: "å¾®è½¯é›…é»‘", "é»‘ä½“";font-size: 28px;line-height: 30px;}
.test_foot b { font-weight:normal; color:#aaa; font-size:12px; margin-left:5px;}
.text_success {color: #3c763d !important;}
.text_danger {color: #a94442 !important;}
.read_over { position:absolute; right:0px; top:12px;}
.read_over span { float:left; display:inline; margin-right:20px; font-size:14px;}
.read_over span input { float:left; display:inline; margin:5px 5px 0 0;}

.test_title a { float:left; display:inline-block}
.btn_circle {width: 12px;height: 12px;font-size: 12px;margin:16px 5px 5px 9px;padding: 0;border-radius: 4px; display:inline-block; float:left} 
.btn_success  .btn_circle {background-color: #5cb85c; border:1px solid #4cae4c}
.btn_danger  .btn_circle {background-color: #d9534f;border:1px solid #d43f3a}
.btn_muted  .btn_circle {background-color: #fff;border:1px solid #ccc}
.btn_blue  .btn_circle {background-color: #50a2ca;border:1px solid #50a2ca}
.panel_box .btn_success  {background-color: #5cb85c; border:1px solid #4cae4c; color:#fff}
.panel_box .btn_danger   {background-color: #d9534f;border:1px solid #d43f3a;color:#fff}
.panel_box .btn_success:hover  {background-color: #449B44; border:1px solid #449B44; color:#fff}
.panel_box .btn_danger:hover   {background-color: #C94F4B;border:1px solid #C94F4B;color:#fff}
.btn_other .btn_circle {background-color: #ddd;border:1px solid #ccc}
.panel_box .btn_other {background-color: #ddd;border:1px solid #ccc; color:#000}
.panel_box .btn_other:hover {background-color: #ccc;border:1px solid #bbb; color:#000} 

.preview_answertext p { padding:5px 0; line-height:25px;}
.score {background: #f6f6f6;margin: 10px 0 20px 0;padding: 5px 10px;border: 1px solid #dddddd;height: 38px;line-height: 38px;}
.score  span {width: 140px;height: 38px;display: inline;float: right; font-size:14px; text-align:right}
.score  span b {display: inline-block; width: 50px;color: #d50d0d;font-family: "å¾®è½¯é›…é»‘", "é»‘ä½“";font-size: 18px;line-height: 30px;}
.score em { font-style:normal; color:#C30}

.preview_answer {border-top:1px dashed #ddd;padding: 10px 0 10px 0;word-break: break-all;}
.preview_analysis {border:1px solid #E9E9E9;background:#f1f1f1;margin: 0px 0 0 0;padding: 10px;word-break: break-all;}
.preview_answertitle {margin:0 0 10px 0}
.preview_analysistext {line-height:30px;}

.paper_from {margin-bottom:10px;border:1px solid #e1e1e1;background:#f1f1f1;padding:10px;}
.zu_btn {font-size: 12px;width: 68px;height: 24px;line-height: 24px;text-align: center;display: inline-block;margin: 2px 5px 5px 0;
color: #333;background: #fff;border: 1px solid #ccc;border-radius: 4px;}
.zu_btn:hover{color: #333;background-color: #ebebeb;border-color: #adadad;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}

.preview_item .selectTdClass{background-color:#edf5fa !important}
.preview_item table.noBorderTable td,
.preview_item table.noBorderTable th,
.preview_item table.noBorderTable caption{border:1px dashed #ddd !important}
.preview_item table{margin-bottom:10px;border-collapse:collapse;display:table;}
.preview_item td,th{padding: 5px 10px;border: 1px solid #DDD;}
.preview_item caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}
.preview_item th{border-top:2px solid #BBB;background:#F7F7F7;}
.preview_item .ue-table-interlace-color-single{ background-color: #fcfcfc; } 
.preview_item .ue-table-interlace-color-double{ background-color: #f7faff; }
.preview_item td p{margin:0;padding:0;}